<!-- example graph from http://coding.smashingmagazine.com/2010/10/07/5-useful-coding-solutions-for-web-designers/ -->
<!doctype html>
<html lang="en">
<head>
<title>Poll Results</title>
<style type="text/css">
html, body {
	background: #eee;
	font: normal 13px/1.5em Arial, Helvetica, sans-serif;
	width: 50%;
	margin: 0px auto;
}
td.value {
	background-repeat: repeat-x;
	background-position: left top;
	padding:0;
	border-bottom: none;
	background-color:transparent;
}
td {
	padding: 4px 6px;
	background-color:transparent;
}

td.value img {
	vertical-align: middle;
	margin: 5px 5px 5px 0;
}
th {
	text-align: left;
	vertical-align:top;
}

.auraltext
{
   position: absolute;
   font-size: 0;
   left: -1000px;
}
table {
	background-repeat:repeat-x;
	background-position:left top;
	width: 33em;
}

</style>
</head>
<body>
    <table cellspacing="0" cellpadding="0" summary="Graph Summary">
      <caption align="top" style="font-weight: bold; font-size: 16px">Graph Title<br /><br /></caption>
      <tr>
        <th scope="col"><span class="auraltext">Country</span> </th>
        <th scope="col"><span class="auraltext">Millions of US dollars per million people</span> </th>
      </tr>
      <tr>
        <td class="first">Sweden</td>
        <td class="value first"><img src="images/bar.png" alt="" width="200" height="16" />17.12</td>
      </tr>
      <tr>
        <td>United&nbsp;Kingdom</td>
        <td class="value"><img src="images/bar.png" alt="" width="104" height="16" />8.88</td>
      </tr>
      <tr>
        <td>Germany</td>
        <td class="value"><img src="images/bar.png" alt="" width="98" height="16" />8.36</td>
      </tr>
      <tr>
        <td>Italy</td>
        <td class="value"><img src="images/bar.png" alt="" width="70" height="16" />5.96</td>
      </tr>
      <tr>
        <td>United States </td>
        <td class="value"><img src="images/bar.png" alt="" width="56" height="16" />4.78</td>
      </tr>
      <tr>
        <td>Canada</td>
        <td class="value"><img src="images/bar.png" alt="" width="54" height="16" />4.62</td>
      </tr>
      <tr>
        <td>Japan</td>
        <td class="value"><img src="images/bar.png" alt="" width="50" height="16" />4.30</td>
      </tr>
      <tr>
        <td>France</td>
        <td class="value"><img src="images/bar.png" alt="" width="39" height="16" />3.33</td>
      </tr>
      <tr>
        <td>Russia</td>
        <td class="value last"><img src="images/bar.png" alt="" width="12" height="16" />1.04</td>
      </tr>
    </table>
</body>
</html>
